$(function(){

	//pro手机下滑菜单
	$('.mobile_list').hover(function() {
		$('.menu_show_list').stop(true,true).slideDown('slow');
	}, function() {
		$('.menu_show_list').delay(500).slideUp('slow');
	});

	//pro手机下滑菜单
	$('.menu_show_list').hover(function() {
		$('.menu_show_list').stop(true,true).slideDown('slow');
	}, function() {
		$('.menu_show_list').delay(500).slideUp('slow');
	});

	//下滑菜单tab切换效果
	$('.mobile_list').mouseover(function(event) {
		$('.nav_list').eq($(this).index()).stop().show().siblings().stop().hide();
	});
	
	

	//banner图片下面6个轮展点,默认显示第一张图，每两秒轮展下一张，轮展图片的同时，其他图片消失，同时对应的小圆点也跟着变色，圆点变色的同时，其他圆点背景色变无色。
	var num=0;
	function run (){
		$('.pictures_list li').eq(num).fadeIn('slow').siblings().fadeOut('slow');
		$('.click_button').eq(num).css({'background':'#00C3F5'}).siblings().css({'background':''})
		if (num==$('.pictures_list li').length-1) {
			num=0;
		}else{
			num++;
		}
	}
	var time=setInterval(run, 1000);
	$('.banner').hover(function() {
		clearInterval(time);
	}, function() {
		time=setInterval(run, 1000);
		// run();
	});

	//左右箭头切换图片
	$('.click_right').click(function(event) {
		run();
	});
	//此时num执行num++，当num指向第二张图片时，num++=3，要跳到第一张图片，执行3-2=1，num-2,
	//做判断，当num=-1，再点击左箭头，跳到最后一张图显示，当num=-2时，跳到leng-2张图
	$('.click_left').click(function(event) {
		num-=2;
		if (num==-1) {
			num=$('.pictures_list li').length-1;
		}else if (num==-2) {
			num=$('.pictures_list li').length-2;
		}
		run();
	});

	//小圆点点击事件，点哪个，换对应图片，小圆点对应变色，实现上面的run功能
	$('.click_button').click(function(event) {
		num=$(this).index();
		run();
	});


	//banner图片左右导航箭头鼠标移入背景颜色变色事件
	$('.banner').hover(function() {
		$('.click_left').css({backgroundColor:'#848484'});
		$('.click_right').css({backgroundColor:'#848484'});
	}, function() {
		$('.click_left').css({backgroundColor:''});
		$('.click_right').css({backgroundColor:''});
	});
	

	//左侧菜单栏子菜单切换
	$('.menu_list').hover(function() {
		$(this).children('.tankuang').css({display: 'block'});
	}, function() {
		$(this).children('.tankuang').css({display: 'none'});
	});

	//热品推荐左右组图切换
	$('.arrow-l').click(function() {
		$('.hot_l_list li').animate({left: '-1240px'}, 400);
		$(this).css({opacity:'0.5'});
		$('.arrow-r').css({opacity:'1'});
	});
	$('.arrow-r').click(function(){
    	$('.hot_l_list li').animate({left: '0px'}, 400);
    	$(this).css({opacity:'0.5'});
		$('.arrow-l').css({opacity:'1'});
    });
	


	//图片移入变大
	$('.a1 img,.img_1').hover(function() {
		$(this).stop(true,true).animate({
			width: '190px',
			height: '190px'},
			100)
	}, function() {
		$(this).animate({
			width: '180px',
			height: '180px'},
			100)
	});

})


